{% load i18n %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>nbEx</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="user-scalable=no,width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
    <meta name="HandheldFriendly" content="true">
    <link rel="shortcut icon" href="/favicon.ico">
    <link rel="stylesheet" href="/static/lib/font-awesome-4.7.0/css/font-awesome.min.css">

    <!--添加开始  -->
    <meta name="renderer" content="webkit">
    <link rel="apple-touch-icon" href="/resources/img/binance_icon.png">
    <!--添加结束-->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link href="/static/app/css/sm.css" rel="stylesheet" type="text/css">
    <link href="/static/app/css/common.css" rel="stylesheet" type="text/css">
    <link href="/static/app/css/index.css" rel="stylesheet" type="text/css">
    <script src="/static/app/js/jquery-2.2.3.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
	<script src="/static/app/js/layer/layer.js"></script>
	<script>var page='assets';</script>
    <!-- add for app -->
    <script src="/static/app/js/common/common_func.js"></script>
    <script src="/static/app/js/component.js"></script>
    {% include 'show/common_define.html' %}
    <script type="text/javascript" src="{%url 'javascript-catalog' 'btc.js'%}"></script>
    <script src="/static/lib/csrf.js"></script>
    <title>{% trans '提现' %}</title>
    <!-- add for app end -->
</head>
<body>
<div id="market-app" class="page-container">
    <div class="page-content">
        <div class="page-view">
            <div class="deposit-details">
                <div class="content" id="products">
                    <div class="top_header">
                        <img src="/static//app//images/arrow_left.png" onclick="history.go(-1)" style="margin-left: 0.5rem; float: left; width: 16px; height: 26px" alt="">
                        <h4 style="text-align: center">提现<span @click="to_history(CoinDetail.coin_type)" style="float: right; margin-right: 0.5rem; color: #828a98; font-size: 18px; font-weight: normal">历史记录</span></h4>
                    </div>
					<div class="chooseSymbol" style="margin-top: 0.5rem"  v-on:click="openview()">
						<img class="symbol-pic" :src="CoinDetail.img"/>
						<p class="symbol-asset">
							{!CoinDetail.name_upper!}
							<img class="rowright" src="/static/app/images/rowright.png"></p>
					</div>
					<div class="Available-Balance ng-scope" ng-if="curflag">
						<p >可用资产</p>
						<h4 >{!wid_detail.amount!} {!CoinDetail.name_upper!}</h4>
					</div>
					<div class="withdraw-info">
						<p class="tx">
							<span class="f-fl">提现金额</span>
							<span class="f-fr" v-on:click="open_Prompt()">
								<i class="font font-limit" style="font-size: 0.8rem;margin-right: 0.05rem;"></i>
								限额 &amp; 提示
							</span>
						</p>
						<div class="filed amount">
							<input id="amount" type="text"class="ipt" v-model="inputNum" value="" v-on:blur="check_input($event)" />
							<div class="Validform_checktip Validform_wrong ">{!wrongtext!}</div>
							<span class="wbtn" v-on:click="all_to_cash()">全部提现</span>
						</div>
						<p class="withdrawal-charge" style="height:0.7rem;">
							<span class="f-fl">
                                手续费:
								<span style="color: #fff">{!fee!}</span>
								{!CoinDetail.name_upper!}
							</span>
							<span class="f-fr">
								实际到账:
								<span style="color: #fff">{!got!}</span>
								{!CoinDetail.name_upper!}
							</span>
						</p>
					</div>

					<div class="withdraw-address">
						<div class="filed">
							<div class="select-input">
								<span class="font" v-bind:class="{'font-shang':newAddress==true,'font-xia':newAddress==false}" v-on:click="change_address()"></span>
								<input class="addr-input" type="text"  placeholder="地址" v-model="inputAddress" v-on:blur="check_address($event)">
                                    <ul v-bind:class="{addBtnHide:newAddress==true}">
                                        <li v-if="withdraw_address.length === 0"><p style="text-align: center; color: #7d848f !important">你还没有地址</p></li>
                                        <li v-else v-for = "(item, index) in withdraw_address" :key="index" :delete_id="item.id" @click.stop="push_address(index)">
                                            {!item.address!}
                                            <i id="delete" @click.stop="delete_withdraw_address(item.id)" style="z-index: 999; float: right; font-size: 0.85rem; margin-top: 0.6rem" class="fa fa-trash-o"></i>
                                        </li>
                                        <li  class="newAddress" v-on:click="openAddressForm()">
                                            <i class="font font-add" style=" font-size: 0.9rem;margin-right: 0.05rem;"></i>
                                            使用新地址
                                        </li>
                                    </ul>
							</div>
							<p class="Validform_checktip"></p>
						</div>

						<input @click="withdraw_order()" id="isWithdrawal" style=" margin-top:7rem;height: 2.5rem; line-height: 2.5rem;" type="button" value="提现" class="button button-fill button-big" v-bind:class="{disabled:actBtn==false}"/>
					</div>
                </div>

            </div>
        </div>
    </div>
	<div class="app_menu">
		<my-menu></my-menu>
	</div>
</div>
<script id="testbox" type="text/html">
<div  id="dataList">
	<div  class="search">
		<img src="/static/app/images/bigmirror.png"/>
		<input placeholder="搜索" style="caret-color: #F0B90B;"/>
		<span onclick="layer.closeAll();">取消</span>
	</div>
	<ul class="allsymbols">
		<li v-for="item in actData" v-on:click="select_coin(item.coin_type)">
			<p>
				<img :src="item.img"/>
				{!item.name_upper!}
				<span>({!item.full_name!})</span>
			</p>
		</li>
	</ul>
	</div>
</script>

<script id="Prompt" type="text/html">
<div class="limitPrompt">
	<div class="limitdiv">
		<i class="font font-close close-popup" onclick="layer.closeAll()"></i>
	   <div class="limitBox-inner">
		<p><i class="font font-limit"></i>限额 &amp; 提示</p>
		<!-- <p>24h提现额度: 2 BTC </p>  -->
		<!-- <p>今日已用: 0 BTC</p> -->
	   </div>

		 <div class="limitBox-desc">
		<p id="wid_min">• 最小提现数量:0.44BNB. </p>
		<p>• 请勿直接提现至众筹或ICO地址.我们不会处理未来代币的发放。 </p>
		<p>• 提现请求申请成功后，请去邮箱点击链接确认本次提现请求。</p>
		</div>
   </div>
 </div>
</script>
<script id="addressForm" type="text/html">
	<div id="formContent" class="formContent">
		<div class="item" style="padding: 0 15px;">
			<div class="top-nav">
				<img id="add_coin_img" src="/static/app/images/as_bnb.png">
				<h4 id="add_name_upper">BNB</h4>
				<p id="add_coin_type">Binance Coin</p>
			</div>
			<div class="item-body">
				<form id="addAddress-form">
					<div class="filed">
						<input   name="name" type="text" placeholder="备注标签" class="ipt txt " v-model="markName" v-on:blur="check_mark($event)">
						<p class="Validform_checktip Validform_wrong">{{mTxt}}</p>
					</div>
					<div class="filed">
						<input  name="address" type="text" placeholder="地址" class="ipt txt"  v-model="mAddress" v-on:blur="check_mAddress($event)">
						<p class="Validform_checktip Validform_wrong">{{mATxt}}</p>
					</div>
					<div class="filed" style="margin-top: 36px">
						<input type="button" value="确定" class="button button-fill button-big " v-on:click="set_address()" v-bind:class="{disabled:addBtn==false}" id="addAddress-btn" />
					</div>
				</form>
			</div>
		</div>
		<i class="font font-close close-popup" onclick="layer.closeAll();vue2.$destroy();"></i>
	</div>
</script>
<script src="/static/app/js/withdrawal.js"></script>
<script>
function mytest(){
vue.$data.aa=33;
}


</script>

</body>
</html>
